<template>
  <div class="aaa">
    <el-container>
      <el-header style="height: 100px;background-color: #DCDFE6">
        <MyHeader></MyHeader>
      </el-header>
      <el-container style="height: 600px">
        <el-aside style="height: 600px;width: 200px">
          <MyAside>
          </MyAside>
        </el-aside>
        <el-main style="background-color: #F2F6FC">
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>

  import MyHeader from "@/components/MyHeader";
  import MyAside from "@/components/MyAside";

  export default {
    name: "Home",
    components: {
      MyHeader,
      MyAside,
    }

  }
</script>

<style scoped>
  .aaa{
    margin-top: 0px;
    padding-top: 0px;

  }
</style>
